<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="fr">     
<head>         
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  <meta name="keywords" content="Open Source, Software, Development, Developers, Projects, Downloads, SF.net, SourceForge, SAS008, sas008" />
  <title>Création d'un design à 2 colonnes - 1. Le code XHTML</title>  
  <metaname="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<!--[if lte IE 6]>   
<link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" />   
<![endif]-->     
 <link rel="stylesheet" type="text/css" href='https://sourceforge.net/p/sas008/wiki/Home/' media="screen" />
  <link rel="stylesheet" type="text/css" href='https://sourceforge.net/p/sas008/git-repo/ci/master/tree/' media="screen" />
   <link rel="stylesheet" type="text/css" href='https://sourceforge.net/projects/sas008/files/' media="screen" />
   <link rel="html" type="text/html" href="http://sas008.sourceforge.net/" media="screen" /> 

  <link rel="media" type="text/jscript" href='http://sourceforge.net/projects/sas008/files/' />
  <link rel="javascript" type="text/jscript" href='http://sourceforge.net/projects/sas008/' />
   <link rel="javascript" type="text/jscript" href='http://sourceforge.net/projects/sas008/support' />
   <link rel="html" type="text/html" href='https://sourceforge.net/directory/' /> 

<link rel="stylesheet" type="text/css" href='http://wiki.berlinux.googlecode.com/hg/gh-pages/stylesheet/colorize.css'>
<script>
  /* confort */

  </script>
</head>     
<body>         
<div id="header"><div style="width:100%;height:32px;background-color:#235986;" <img src='http://wiki.berlinux.googlecode.com/hg/gh-pages/index.html'  width="97%" height="86px"/>   
<a href="https://docs.google.com/document/d/1UJeqyW3VHsA88JBLy1RKg1z6on3sTo-6HaVbbBdiRTs/edit?usp=sharing" id="edc">Bureau Central</a><a href="https://googledrive.com/host/0B6baJJ1ZiB33VzNlRnVVV1d2RGM/index.html"id="edc">pagehthello</a>
<a href="#"id="edc">helicdj</a>
<a href="#"id="edc">helicdj</a>
<a href="#"id="edc">helicdj</a>
<a href="#"id="edc">helicdj</a>

<br>
  <div style="border:2px outset #9acd32"><h2 style="color:#45372e;font-family:Antiqua;">Mon_site utilise Antiqua Seri-Grafic Font



</h2><ul><li class="redis"><a href="http://benchmark-flow.blogspot.fr/">Actualités</a></li><li class="redis" ><a href="#">Vos Idées</a></li><li class="redis" ><a href="#">c liverpool</a></li><li class="redis"><a href="http://benchmark-flow.blogspot.fr/">Actualités</a></li><li class="redis"><a href="#">Vos Idées</a></li><li class="redis"><a href="#">c liverpool</a></li> <li class="redis"><a href="#">Vos Idées</a></li><li class="redis"><a href="#">c lioly</a></li>
</ul>

</div>
<h1>2cols4u</h1>        
</div>         
  <div id="center" style="border:2px inset #787856;">  CENTER        <p>    </p>              

<div id="content"   style="border:2px inset #787856;" >        
<h2>le code XHTML</h2>                 
<p>.</p>                 
<p>La page est divisée horizontalement en trois parties distinctes :</p>                 
<ol>                     
<li>l'en-tête (identifié par "<em>header</em>"),</li>                     
<li>la partie centrale ("<em>center</em>", <em>sidebar</em> et <em>content</em>).</li>                     
<li>le pied de page ("<em>footer</em>") li>                 
  </ol>  <div id="confort" style="font-family:Antiqua;margin-left:2px;margin-right:2px;">

 

Ce site is a simple to use and highly versatile Open Source wiki software that doesn't require a database. 

It is loved by users for its clean and readable syntax. 
The ease of maintenance, backup and integration makes it an administrator's favorite. 
Built in access controls and authentication connectors make DokuWiki especially useful
in the enterprise context and the large number of plugins contributed by its vibrant com
munity allow for a broad range of use cases beyond a traditional wiki.
 
Get started: 

--------------------------------------------------------------------------------


Why BerlinuxWiki?

 berlinuxWiki is a popular choice when choosing a Wiki software and has many advantages over similar software.
 
 Easy to install and use
 

 Low system requirements
 

 Built-in Access Control Lists
 

 Large variety of extensions
 

 Over 50 languages supported
 

 Device independent
 

 Open Source
 

Learn more about BerlinuxWiki features 


Use Cases

Wikis are quick to update and new pages are easily added. 
Designed for collaboration while maintaining a history of every change, BerlinuxWiki could be used as
 
 Corporate Knowledge Base
 

 Private notebook
 

 Software manual
 

 Project workspace
 

 CMS – intranet
 


Customizing BerlinuxWiki

We support customization on all levels of expertise. 
From easy configuration via the admin interface through downloading of templates and plugins to developing your own extensions.
 
 Configuration
 

 Plugins
 

 Templates (aka. skins/themes)
 

 Tips & tricks
 

Read the development manual 


Our Community


</div>
  <iframe src=" http://wiki.klniox.googlecode.com/git/xml/gadgets/header.xml"></iframe>
</div><!-- #content --> 
<style>  


</style>               
<div id="sidebar" style="border:2px inset #787856;">SIDEBAR                
<h2>Navigation</h2>                 
<ul id="menu">                     
<li><a href="#" title="Introduction">Introduction</a></li>                     
<li><a href="#" title="Première étape : le code (X)HTML">Etape 1</a></li>                     
<li><a href="#" title="Deuxième étape : le positionnement">Etape 2</a></li>                     
<li><a href="#" title="Troisiéme étape : couleurs & images de fond">Etape 3</a></li>                     
<li><a href="#" title="Quatrième étape : le menu">Etape 4</a></li>                     
<li><a href="#" title="Cinquième étape : titres & liens">Etape 5</a></li>                     
<li><a href="#" title="Sixième étape : ajustements pour IE">Etape 6</a></li>                 </ul>      
 <ul id="menu">
<li class="level1"><div class="onp"> Easy to install and use</div>
</li>
<li class="level1"><div class="onp"> Low system requirements</div>
</li>
<li class="level1"><div class="onp"> Built-in Access Control Lists</div>
</li>
<li class="level1"><div class="onp"> Large variety of extensions</div>
</li>
<li class="level1"><div class="onp"> Over 50 languages supported</div>
</li>
<li class="level1"><div class="onp"> Device independent</div>
</li>
<li class="level1"><div class="onp"> Open Source</div>
</li>
</ul>


           
<h2>Brèves</h2>                 
<p>Pourquoi j'aime les standards du W3C ? Pour <a href="http://openweb.eu.org/articles/pourquoi_standards/" title="Openweb : Pourquoi les standards du W3C">ça</a></p>                 <h2>Liens</h2>                  
<ul>                     
<li><a href='http://wiki.berlinux.googlecode.com/hg/gh-pages/index.html' title="klniox apprendre XHTML, les CSS et les standards W3C de la conception Web">berlinux</a></li>   
<li><a href='http://gerauld.googlecode.com/svn/gh-pages/index.html' title="klniox apprendre XHTML, les CSS et les standards W3C de la conception Web">gerauld</a></li>  
<li><a href='http://wiki.klniox.googlecode.com/git-history/master/gh-pages/index.html' title="klniox apprendre XHTML, les CSS et les standards W3C de la conception Web">klniox</a></li>            </ul>             </div> <!-- #sidebar -->         
</div><!-- #center -->          
<div id="footer">             
<p>.</p>        
</div><!-- #footer -->     
</body>  
</html> 
